<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>@media</title>
    <style>
        .box {

        }
        .box p {
            text-align: center;
            font-size: 16px;
        }

        /* 屏幕宽度最大 700px */
        @media screen and (max-width: 700px) {}

        /* 屏幕宽度最小 700px */
        @media screen and (min-width: 701px) {}
    </style>
</head>

<body>
    <div class="box">
        <p>没有了联络后来的生活</p>
        <p>我都是听别人说</p>
        <p>说你怎么了说你怎么过</p>
        <p>放不下的人是我</p>
        <p>人多的时候就待在角落</p>
        <p>就怕别人问起我</p>
        <p>你们怎么了你低着头</p>
        <p>护着我连抱怨都没有</p>
        <p>电话开始躲从不对我说</p>
        <p>不习惯一个人生活</p>
        <p>离开我以后要我好好过</p>
        <p>怕打扰想自由的我</p>
        <p>都这个时候你还在意着</p>
        <p>别人是怎么怎么看我的</p>
        <p>拼命解释着不是我的错是你要走</p>
        <p>眼看着你难过挽留的话却没有说</p>
        <p>你会微笑放手说好不哭让我走</p>
        <p>电话开始躲从不对我说</p>
        <p>不习惯一个人生活</p>
        <p>离开我以后要我好好过</p>
        <p>怕打扰想自由的我</p>
        <p>都这个时候你还在意着</p>
        <p>别人是怎么怎么看我的</p>
        <p>拼命解释着不是我的错是你要走</p>
        <p>眼看着你难过挽留的话却没有说</p>
        <p>你会微笑放手说好不哭让我走</p>
        <p>你什么都没有却还为我的梦加油</p>
        <p>心疼过了多久还在找理由等我</p>
    </div>
</body>

</html>